/*========= ZIG CSS Document =========*/

/* Import baseline CSS */
@import "/Portals/75/Landing Pages/landing-baseline-px.css";

:root{
	--zig-pillar-user: #d8e8be;
	--zig-pillar-dev: #c4e0f2;
	--zig-pillar-aw: #f0da88;
	--zig-pillar-data: #bfbfbf;
	--zig-pillar-ne: #ffc4a7;
	--zig-pillar-ao: #8fa8d9;
	--zig-pillar-va: #bf9fff;
	
	/* Technology to Capability Mapping */
	--bg: #0f172a;
	--bg-elevated: #111827;
	--bg-elevated-soft: #020617;
	--border-subtle: #1f2937;
	--accent: #38bdf8;
	--accent-soft: rgba(56, 189, 248, 0.15);
	--accent-strong: #0ea5e9;
	--text-main: #e5e7eb;
	--text-muted: #9ca3af;
	--badge-bg: #1f2937;
	--badge-border: #374151;
	--danger: #f97373;
	--radius-lg: 12px;
	--radius-xl: 16px;
	--shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.5);
	--transition-fast: 150ms ease-out;
	
	/* Pillar color accents */
	--pillar1: #f97316; /* Pillar 1 – User */
	--pillar2: #22c55e; /* Pillar 2 – Device */
	--pillar3: #a855f7; /* Pillar 3 – Application & Workload */
	--pillar4: #eab308; /* Pillar 4 – Data */
	--pillar5: #f97373; /* Pillar 5 – Network & Environment */
	--pillar6: #38bdf8; /* Pillar 6 – Automation & Orchestration */
	--pillar7: #6366f1; /* Pillar 7 – Visibility & Analytics */
	--pillar-default: #9ca3af;
}
h2
{
   font-size: 2em;
}
h3
{
   font-size: 1.5em;
}
h4
{
	font-size: 1.15em;
	font-family: 'Roboto-Bold', sans-serif;
	word-wrap: normal;
}
h5
{
	font-size: 1em;
	font-family: 'Roboto-Bold', sans-serif;
	word-wrap: normal;
}
h6
{
	font-size: .85em;
	font-family: 'Roboto-Regular', sans-serif;
	word-wrap: normal;
}
/* Increase spacing for all list items */
ul > li, ol > li {
	margin-bottom: .75rem;
}
ol ol, ol ul, ul ol, ul ul {
	margin-top: .75rem;
}

/* Add space to top when using anchor section links */
.zig-cap-top h3{
	scroll-margin-top: 80px;
}
/* Intended for large/bold header style links */
.nsa-bold-links a:link, .nsa-bold-links a:visited{
	color: #000000;
}
.nsa-bold-links a:hover, .nsa-bold-links a:active {
	text-decoration: underline;
	color: #474baf;
}
/* Underline as default */
.nsa-bold-links-under a:link, .nsa-bold-links-under a:visited{
	text-decoration: underline;
	color: #000000;
}
.nsa-bold-links-under a:hover, .nsa-bold-links-under a:active {
	text-decoration: none;
	color: #474baf;
}
/* Bold links with an icon on right */
.nsa-bold-links .fa-solid, .nsa-bold-links .fas,
.nsa-bold-links-under .fa-solid, .nsa-bold-links-under .fas{
    padding-left: 5px;
	line-height: 30px;
}
.wrapper-boxes-text
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.zig-wrapper-title .zig-float-title-image{
	width: 50%;
	float: right;
	padding: 0 25px 25px 25px;
}
.zig-wrapper-title .zig-full-title-image{
	width: 80%;
	margin: 0 auto;
	padding: 20px;
	
}
.zig-wrapper-title h2{
	margin-top: 0px;
}

/*========= Custom sections =========*/
.wrapper-sections, .wrapper-imagetext
{
	margin: 30px;
}
.half-table-section h4, .half-section h4 {
	margin-top: 0px;
}
.contains-images h3 {
    font-family: 'Roboto-Bold', sans-serif;
	font-size: 1.15em;
	margin-top: 5px;
	margin-bottom: 20px;
}
.contains-images .boxes-text {
	min-width: 100%;
}
.zig-section-resize .imagetext-section .leftbox
{
	width: 65%;
}
.zig-section-resize .imagetext-section .rightbox
{
	width: 35%;
}
.zig-section-resize .section-imagetext-txt
{
	margin-left: 0px;
	margin-right: 36px;
}
.zig-section-resize .section-image
{
	margin-left: 36px;
	margin-right: 0px;
}
.boxes-image-scale {
	max-width: 170px;
}
/*========= Boxes =========*/
.zig-boxes{
min-height: auto;
}

.zig-boxes .inner-item{
	flex-basis: 30%;
    margin: 10px;
    padding: 25px;
    min-width: 250px;
}
/* Custom narrow boxes */
.zig-narrow-boxes .inner-item
{
	flex-basis: 22%;
    padding: 20px;
    min-width: 220px;
	/*flex-grow: 1;*/
}
.zig-narrow-boxes .boxes-image-scale
{
	max-width: 200px;
}
.zig-narrow-boxes .boxes-icon-scale
{
	max-width: 120px;
}
.zig-narrow-boxes .boxes-text
{
	margin-top: 0px;
}
.zig-boxes .inner-item ul
{
    list-style-type: none;
    margin-left: 0;
}

.zig-boxes .inner-item ul li {
    font-size: 1.3rem !important;
}
.zig-phase-list ul li {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 8px;
}
.zig-boxes .inner-item h4 {
	text-align: center;
	margin-top: 0px;
}
.zig-boxes ul a:link, .zig-boxes ul a:visited {
	text-decoration: none;
}

.zig-boxes ul a:hover, .zig-boxes ul a:active
{
	text-decoration: underline;
}
/* Boxes with images on left */
.box-horiz-images {
    min-height: auto;
}
.box-horiz-images .boxes-text {
	width: 55%;
	margin: 0;
	/* Allows text to be centered vertically */
	height: auto;
}
.box-horiz-images .inner-item {
	flex-direction: row;
    flex-basis: 30%;
    margin: 10px;
    padding: 15px;
    min-width: 250px;
}
.box-horiz-images .inner-item .boxes-section-image {
	width: 45%;
}
/*.box-horiz-images a:link
{
	text-decoration: none;
}

.box-horiz-images a:hover
{
	text-decoration: underline;
}*/

/* Boxes with hover effects */
.gray-shadow-hover .inner-item:hover {
	box-shadow: 0px 2px 7px rgba(10, 10, 10, 0.25);
}
.gray-shadow-hover .inner-item {
	border: 1px solid #e3e3e3;
	transition: box-shadow 0.2s;
	box-shadow: none;
}

/*========= Subnav =========*/
.zig_subnav
{
	padding: 18px 36px;
}
.zig_subnav .link_module .linklist li.linkitem.Horizontal
{
	margin-right: 36px;
}
.zig_subnav .link_module
{
	text-align: center;
}
.zig_subnav .linklist 
{
	display: inline-block;
}
/* Accordion Menu */
.gray-accord .acAccordionMenu div.lvl0
{
	border-bottom: none;
}
/*.gray-accord li a:visited {
    text-decoration: underline;
    color: #474baf;
}*/

/*========= Lists =========*/
/* Lists with checkbox icon */
.zig-checklist > li::marker {
	font-family: "Font Awesome 6 Free";
	content: "\f0c8";
}
.zig-checklist > li {
	padding-left: 10px;
}
/* Nested lists formatting */
.zig-checklist ul {
    margin-left: 28px;
}
.zig-checklist ul {
	list-style-type: disc;
}
.zig-checklist ul ul {
	list-style-type: circle;
}
.zig-checklist ul ul ul {
	list-style-type: square;
}

/*========= Tables =========*/
/* Removes nsa site wide th styling */
.zig-table th {
	background-color: initial;
    color: initial;
}
/* Remove nsa site wide styling */
tr:nth-child(2n) {
    background-color: initial;
}
/* Default table headers */
.zig-table thead th {
	color: #000000;
	background-color: #9f9f9f;
	text-align: center;
}
/* Default table border */
.zig-table-border {
	border: 5px solid lightgray;
}
/* All tables have striped rows */
.zig-table tr:nth-child(odd) {
	background-color: #f7f7f7;
}
/* Change to even count stripes and revert even count row color */
.zig-striped-even tr:nth-child(even) {
	background-color: #f7f7f7;
}
.zig-striped-even tr:nth-child(odd) {
	background-color: initial;
}
.zig-table-activity tbody th:first-child, .zig-table-capability tbody th:first-child {
	background-color: #262626;
    color: #fff;
	text-align: center;
}
/*--- Color table accordion to pillar ---*/
/* User */
.zig-table-user {
	border-color: var(--zig-pillar-user);
}
.zig-table-user thead th {
	background-color: var(--zig-pillar-user);
}
/* Device */
.zig-table-dev {
	border-color: var(--zig-pillar-dev);
}
.zig-table-dev thead th {
	background-color: var(--zig-pillar-dev);
}
/* Application & Workload */
.zig-table-aw {
	border-color: var(--zig-pillar-aw);
}
.zig-table-aw thead th {
	background-color: var(--zig-pillar-aw);
}
/* Data */
.zig-table-data {
	border-color: var(--zig-pillar-data);
}
.zig-table-data thead th {
	background-color: var(--zig-pillar-data);
}
/* Network & Environment */
.zig-table-ne {
	border-color: var(--zig-pillar-ne);
}
.zig-table-ne thead th {
	background-color: var(--zig-pillar-ne);
}
/* Automation & Orchestration */
.zig-table-ao {
	border-color: var(--zig-pillar-ao);
}
.zig-table-ao thead th {
	background-color: var(--zig-pillar-ao);
}
/* Visibility & Analytics */
.zig-table-va {
	border-color: var(--zig-pillar-va);
}
.zig-table-va thead th {
	background-color: var(--zig-pillar-va);
}

/*========= Capabilities Pages =========*/

/* Default border */
.zig-cap-top
{
	border-top: 15px solid #000000;
}
.zig-cap-user
{
	border-top-color: var(--zig-pillar-user);
}
.zig-cap-dev
{
	border-top-color: var(--zig-pillar-dev);
}
.zig-cap-aw
{
	border-top-color: var(--zig-pillar-aw);
}
.zig-cap-data
{
	border-top-color: var(--zig-pillar-data);
}
.zig-cap-ne
{
	border-top-color: var(--zig-pillar-ne);
}
.zig-cap-ao
{
	border-top-color: var(--zig-pillar-ao);
}
.zig-cap-va
{
	border-top-color: var(--zig-pillar-va);
}
/*--- Workflow Boxes ---*/
.zig-workflow {
	border: 1px solid #000000;
}
.zig-workflow .icon-box-title {
	padding: 6px;
	/* Default color */
	background-color: #9ca3af;
	display: flex;
	align-items: center;
}
.zig-workflow h5, .zig-workflow h4 {
	font-family: 'Roboto-Regular', sans-serif;
	color: #ffffff;
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 0px;
	margin-left: 10px;
}
.zig-workflow .icon-box-text {
	padding: 10px 30px;
}
.zig-workflow .title-icon {
	max-width: 28px;
}
.workflow-question .icon-box-title {
	background-color: #333333;
}
.workflow-strategic .icon-box-title {
	background-color: #0067a0;
}
.workflow-outcome .icon-box-title {
	background-color: #6cc24a;
}
.workflow-main-title {
    padding: 10px;
    margin-bottom: 20px;
}
.workflow-main-title p {
	font-weight: 700;
	text-align: center;
	margin: 0px;
}
/* User */
.workflow-main-title.zig-table-user {
	background-color: var(--zig-pillar-user);
}
/* Device */
.workflow-main-title.zig-table-dev {
	background-color: var(--zig-pillar-dev);
}
/* Application & Workload */
.workflow-main-title.zig-table-aw {
	background-color: var(--zig-pillar-aw);
}
/* Data */
.workflow-main-title.zig-table-data {
	background-color: var(--zig-pillar-data);
}
/* Network & Environment */
.workflow-main-title.zig-table-ne {
	background-color: var(--zig-pillar-ne);
}
/* Automation & Orchestration */
.workflow-main-title.zig-table-ao {
	background-color: var(--zig-pillar-ao);
}
/* Visibility & Analytics */
.workflow-main-title.zig-table-va {
	background-color: var(--zig-pillar-va);
}

/*=========================
   Media Break Points
=========================*/
@media (max-width: 800px){
	.zig-boxes .inner-item, .box-horiz-images .inner-item {
    	flex-basis: 80%;
	}
}

@media (max-width: 1000px){
	.zig-section-resize .imagetext-section .leftbox, .zig-section-resize .imagetext-section .rightbox {
		width: 100%;
		margin: 18px auto;
	}
	.zig-section-resize .section-imagetext-txt, .zig-section-resize .section-image 	{
		margin-left: 0px;
		margin-right: 0px;
	}
	/* Remove margins from flipped sections */
	 .section-reverse .section-right-half {
        margin: 0px 0px;
    }
}